body{
    width: 100%;
    margin: 0;
    background-color: whitesmoke;
}
.t1{
    width: 100%;
    height: 39px;
    background-color: whitesmoke;
    display: flex;
    justify-content: space-around;
    position: fixed;
    margin-top: -20px;
    z-index: 11111;
    }
  .t1>.a1{
      text-decoration: none;
      color: #00b7d6;
      background-color: white;
      border: 1px solid #00b7d6;
      height: 26px;
      margin-top: 5px;
      margin-bottom: 10px;
  }  
  .s1{
      color: #969696;
      margin-top: 6px;
      text-decoration: none;
  }
  .a2{
    text-decoration: none;
    color: #3ebb2b;
    height: 26px;
    margin-top: 6px; 
    border: 1px solid #3ebb2b;      
  }
  .a3{
      color: #969696;
      margin-bottom: 6px;
      text-decoration: none;
  }
  .a4{
      margin-left: 20px;
      margin-top: 10px;
      color: #969696;
      text-decoration: none;
  }
  .t2{
      width: 100%;
      height: 85px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px;
      padding:20px;
      background-color: #fff;
     }
     .t2>logo{
      margin: 14px 20px;
      width: 60px;
      height: 60px;
     }
    .t2>ul>a{
      font-size: 20px;
      color: #969696;
      text-decoration: none;
      margin-top: 60px;
      margin-left: 10px;
      padding: 0px 20px;
  }  
  .t2>ul>a:hover{
      color: #ff6c00;
      border-bottom: 5px solid #ff6c00;
  } 
.continer{
      width: 100%;
      height: 161px;
      background-image: url(img/banner9.png);
  }
  form{
     height: 161px;
     width: 100%;
     text-align: center;
     background-color: #969696;
     z-index: 100;
     margin-top: 0px;
     margin: 0 auto;
     }
  form>h2{
      font-size: 50px;
      color:#fff;
      text-align: center;
      padding-top: 10px 0px 0px 0px;
      margin-top: 10px;
  }   
 form>#sucai{
     height: 48px;
     width: 810px;
     font-size: 15px;
     color: #969696;
     padding: 10px 30px;
     margin-top: -30px;
     /*z-index: 10000;*/
     position: relative;
 }
 #quanzhan{
       height: 48px;
       width: 100px;
       background-color: #3ebb2b;
       border: none;
       color: #fff;
       margin-left: 900px;
       margin-top: -48px;
       position: relative;
 }
 #yuanchuang{
     height: 48px;
     width: 100px;
     background-color: #ff6c00;
     color: #fff;
     border: none;
     /*text-align: center;*/
     margin-left: 1108px;
     margin-top: -48px;
 }
 .banner9{
     width: 100%;
     height: 161px;
     position: absolute;
     margin-top: 0px;
 }
     #outer{
         width: 1200px;
         height: 340px;
         margin: 100px auto;
         position: relative;
         margin-top: 10px;
         text-align: center;
        }
      ul,li{
          margin: 0;
          padding: 0;
          list-style: none;
         }
         li{
             width: 100%;
             height: 340px;
             position: absolute;
             top: 0;
             left: 0;
             display: none;
         }   
         li.active{
             display: block;
         }
         #sheji{
             width: 1200px;
             height: 68px;
             background-color: whitesmoke;
             margin: 0 auto;
             margin-top:-90px; 
             display: block;
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding: 10px;
             text-align: center;
             cursor: pointer;
         }
        #b1,#b2,#b3,#b4,#b5,#b6,#b7{
            width: 164px;
            height: 68px;
        } 
         #c1,#c2,#c3,#c4,#c5,#c6,c7{
             text-decoration: none;
             }
        #c1{
            color: #af8c24;
            background-color: #eadfbf;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        } 
        #c2{
            color: #997f5e;
            background-color: #eed9bb;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        } 
        #c3{
            color: #b47647;
            background-color: #eddbcc;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        } 
        #c4{
            color: #6882ad;
            background-color: #b8d2fb;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        } 
        #c5{
            color: #488ca2;
            background-color: #b7e2ef;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        } 
        #c6{
            color: #7a9472;
            background-color: #d6e7c0;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        } 
        #c7{
            color: #5f8e5d;
            background-color: #c1e7c0;
            text-decoration: none;
            font-weight: bold;
            align-self: center;
            position: relative;
        }   
       #gongju{
             width: 1200px;
             height: 68px;
             background-color: #fff;
             margin: 0 auto;
             margin-top:10px; 
             display: block;
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding: 10px;
             text-align: center;
             cursor: pointer;
         } 
      .d1,.d2,.d3,.d4,.d5,#d6,#d7,#d8,#d9,#d10{
            width: 99px;
            height: 68px;
        }
        .e1{
            color: #666666;
            text-decoration: none;
            /*align-self: center;*/
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
            text-align: center;
        }
        .e1:hover{
            color:#3ebb2b;
            border: 1px solid #3ebb2b;
        }
        h3{
            margin-left: 400px;
            margin-bottom: 25px;
            color: #999999;
            background-color: whitesmoke;
            position: absolute;
        }
      #zhuanti{
             width: 1220px;
             height: 356px;
             background-color: #fff;
             margin: 0 auto;
             margin-top:-100px; 
             display: block;
             display: flex;
             justify-content: space-between;
             align-items: center;
             /*padding: -170px;*/
             text-align: center;
             cursor: pointer;
          } 
      
      .f1{

          text-decoration: none;
          color: #999999;
      } 
      .e3{
            color: #666666;
            text-decoration: none;
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .e3:hover{
             box-shadow: 2px 2px gray;
        }  
      .e2{
         margin-top:-55px; 
         text-decoration: none;
         color: #999999;
      }
     .e2:hover{
         color: #ff6c00;
      }
      .remen{
          height: 60px;
          width: 1200px;
          margin: 0 auto;
          background-color: whitesmoke;
          margin-top: 200px;
          display: flex;
          justify-content: center;
      }
      .f2{
          margin-top: -38px;
          margin-bottom: 15px;
          text-decoration: none;
          color: #999;
          margin-left: 10px;
      }
      hr{
          width: 1200px;
          margin-top: -65px;
          color: #d7d7d7;
      }
      .lianjie{
          margin: 0 auto;
          width: 1200px;
          height: 100px;
          margin-top: 10px;
          display: flex;
          justify-content: center;
      }
      .e4{
          margin-top: 24px;
          margin-bottom: 13px;
          line-height: 23px;
          font-size: 14px;
          text-decoration: none;
          color: #999;
          padding: 13px 10px 0px 0px;
      }
      .e4:hover{
          color:#3ebb2b; 
      }
      .yejiao>.dibu{
          width: 100%;
          height: 119px;
          /*margin: 0 auto;*/
          margin-top: 103px;
          background-color: #212425;
          display: flex;
          justify-content: space-around;
          text-decoration: none;
          }
      .e5{
          float: left;
          margin-left: 10px;
          margin-right: 20px;
          padding-top: 27px;
          margin-bottom: 21px;
          font-weight: bold;
          position: relative;
          text-decoration: none;
          color: #eee;
      }
      .e5:hover{
          border-bottom: 1px solid #3ebb2b;
          color: #3ebb2b;
      }
    .logo1{
          float: right;
          margin-top: 27px;
          margin-left: -90px;
      }
     .e6{
          margin-left: -90px;
          height: 30px;
          width: 130px;
          margin-top: 18px;
          background-color: #00b7d6;
          padding: 0px 10px;
          color: #fff;
          position: relative;
      }
      .e7{
          text-decoration: none;
          color: #fff;
          position: relative;
      }
      .s2{
          margin:27px 10px 5px -90px;
          color: #888;
          position: relative; 
      }
       .yejiao>.dibu>ul>.p1{
          color: #888;

      }
      .p2{
          margin-top: -18px;
          color: #888;
      }
      .q1{
          color: #3ebb2b
      }
      @media screen and (max-width:1200px){
          img{
              width: 100%;
              height: 100%;
          }
      @media screen and (min-width:768px){
          img:shrink{
              width: 30%;
              height: 30%;
          }
      }    
      }